<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>Wumaybe</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="images/index.css" />
</head>
<body>
<div id="header">
	<div id="top" class="auto">
		<div class="logo">
			<h1>
				<img src="images/logo.png" />
				<span>观花欢喜</span>
			</h1>
		</div>
		<div class="search">
			<form>
				<input id="searchText" class="text" type="text" />
				<input id="searchButton"  class="submit" type="submit" value="搜索"/>
			</form>
		</div>
	</div>		
	<div id="nav" class="auto">
		<ul>
			<li><a href="#">首页</a></li>
			</li><a href="#">提交站点</a></li>
		</ul>
	</div>
	<div id="runplay" class="auto">
		<div class="left">
			<a href="#"><img src="images/img1.jpg" /></a>
		</div>
		<div class="right">
			<dl>
				<dt id="runplayH">炫美网站，尽在美站库</dt>
				<dd class="txt">本网站收集互联网上各种炫美网站......</dd>
				<dd class="btb">
					<a href="#">查看更多</a>
				</dd>
			</dl>
		</div>	
	</div>
</div>
<div id="main">
	<div id="main1">
		<div id="wrap">
			<div id="leftBody">
				<div class="leftDiv1">
					<h2>美站库</h2>
					<p id="rsCount">美站库是<a href="http://www.sifangku.com" target="_blank">私房库视频html课程中的第一个项目实战课！</p>
				</div>
				<div class="leftDiv2">
					<h2>炫美站点</h2>
					<ul>
						<li>
							<a href="https://www.baidu.com/index.php?tn=monline_3_dg"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1553005799570&di=76d9b4664f7c5a444967e4a82451cd96&imgtype=0&src=http%3A%2F%2Fimg002.hc360.cn%2Fm7%2FM01%2F9C%2FB8%2FwKhQpFbsKKGEFROZAAAAAGTqWnI074.jpg"height="125px" width="240px" /></a>
							<p>百度</p>
						</li>
						<li>
							<a href="https://www.sina.com.cn/"><img src="http://www.dongdao.net/upload/qysb/110801174706_sina01.jpg"height="125px" width="240px"  /></a>
							<p>新浪网</p>
						</li>
						<li>
							<a href="https://weibo.com/?c=spr_web_sq_firefox_weibo_t001"><img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1564004546,3252308507&fm=26&gp=0.jpg" height="130px" width="240px"/></a>
							<p>微博</p>
						</li>
						<li>
							<a href="https://www.zhihu.com/signup?next=%2F"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1553006495270&di=ef0e1719938ebe2397ec9300fff60ed1&imgtype=0&src=http%3A%2F%2Fimages.liqucn.com%2Fimg%2Fh98%2Fh31%2Fimg_localize_f8fd073a6cf11c1196e6c1304419dcc1_560x350.jpg" height="125px" width="240px"/></a>
							<p>知乎</p>
						</li>
						<li>
							<a href="https://www.xiaohongshu.com/?_at=1552996623502"><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1553601495&di=f96f6408ad504927a6211ee9acaf190e&imgtype=jpg&er=1&src=http%3A%2F%2Fwx4.sinaimg.cn%2Flarge%2F0078KQKsly1fsfvk2f4i0j30e8080weo.jpg" height="125px" width="240px"/></a>
							<p>小红书</p>
						</li>
					</ul>
				</div>
				<div class="leftDiv3">
					<a href="#">查看更多</a>
				</div>
			</div>
			<div id="rightBody">
				<div class="rightDiv1">
					<h2>酷文</h2>
					<ul>
						<li>
							<h3><a href="#" target=" blank">随便写点什么</a></h3>
							<p>随便写随便写的随便写的随便写的随便写的随便写的的...</p>
						</li>
						<li>
							<h3><a href="#" target=" blank">随便写点什么</a></h3>
							<p>随便写随便写的随便写的随便写的随便写的随便写的的...</p>
						</li>
						<li>
							<h3><a href="#" target=" blank">随便写点什么</a></h3>
							<p>随便写随便写的随便写的随便写的随便写的随便写的的...</p>
						</li>
					</ul>
				</div>
				<div class="rightDiv2">
					<dl class="dl1">
						<dt><a href="#">随便写点</a></dt>
						<dd>随便</dd>
					</dl>
					<dl class="dl2">
						<dt><a href="#">随便写点</a></dt>
						<dd>随便</dd>
					</dl>
				</div>
			</div>
	</div>
</div>
<div id="footer">
	<p class="p1">
		<a href="#" target="_blank">首页</a>
		<a href="#" target="_blank">美站</a>
		<a href="#" target="_blank">酷文</a>
		<a class="last" href="#" target="_blank">联系我们</a>
	</p>
	<p>
		Copyright (c) 2014 | <a href="http://www.sifangku.com" target="_blank">私房库</a>
	</p>
</div>
</body>
<script>
$(document).ready(function(){

 var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme",
	  "这个杀手不太冷",
	  "阿甘正传",
	  "泰坦尼克号",
	  "忠犬八公的故事",
	  "三傻大闹宝莱坞",
	  "海上钢琴师",
	  "放牛班的春天",
	  "楚门的世界",
	  "大话西游之大圣娶亲",
	  "龙猫",
	  "教父",
    ];
    $( "#searchText" ).autocomplete({
      source: availableTags
    });
	$("#searchButton").click(function(){
	
		var usrIp=$("#searchText").val();
		$("#runplayH").html("您刚输入:"+usrIp);
		alert(usrIp);
	
		$.ajax({url:"data/douban250.json",
	
		success:function(result){
			$("#rsCount").html("ajax访问成功");
			alert(result.subjects[0].title);
		}});
	
	
	});
});
</script>
</html>
